html{
	font-size: 100px;
	cursor: default;
}
.bodyer{
	min-width: 12rem;
	.bodyer-center{
		width: 11.9rem;
		margin: 0 auto;
		position: relative;
		.dir{
			overflow: hidden;
			padding: .2rem 0 .1rem 0;
			height: .2rem;
			line-height: .2rem;
			color: #666;
			li{
				float: left;
				margin-right: .15rem;
				font-size: .12rem;
				a{
					color: #666;
					font-size: .12rem;
				}
			}
			a:hover{
				color: #015092;
			}
			li:last-child{
				a:hover{
					color: #666;
					cursor: text;
				}
			}

		}
		.timeset{
			padding:.1rem 0;
			font-size: .14rem;
			background: #f8f9fa;
			height:.32rem;
			line-height:.32rem;
			position: absolute;
			input{
				border: 1px solid #eeeae9;
				border-radius: 3px;
				width: 1.3rem;
				height:.3rem;
				padding: 0 .2rem;
			}
			form{
				display: inline-block;
				padding: 0 1.26rem;
			}
			li{
				float: left;
				margin: 0 .15rem;
			}
			.search{
				width: 1.5rem;
				height: .32rem;
				background-color: #015092;
				color: #fff;
				padding: 0;
				line-height:.32rem;
				border: none;
				border-radius: 3px;
				margin: 0 .15rem;
			}
			.search:hover{
				background-color: #033763;
			}
		}

		.choice{
			height: .34rem;
			line-height:.34rem;
			font-size: .12rem;
			border-bottom: 1px dotted #eeeae9;
			margin-top:.1rem;
			.choice-name{
				font-size: .14rem;
				display: inline-block;
				float: left;
				padding: 0 .3rem;
			}
			.clean{
				float: left;
				color: #999;
				padding:0 .1rem;
				cursor: pointer;
			}
			.lab{
				width: 1rem;
				float: left;
				display: inline-block;
				padding: 0 .15rem 0 .15rem;
				input{
					cursor: pointer;
				}
				label{
					padding-left:.05rem;
					cursor: pointer;
				}
			}

		}

		.choice-first {
			margin-top:.62rem;
		}
		.container{
			overflow: hidden;
			min-height: 5.5rem;
		}
		.leftBox{
			width: 8.7rem;
			position: relative;
			float: left;
			.result{
				font-size: .12rem;
				padding: .15rem 0;
				color: #666;
				#result_num{
					display: inline-block;
					padding: 0 .05rem;
					color: #015092;
				}
			}
			.sort{
				width: 8.7rem;
				height: .34rem;
				border: 1px solid #eeeae9;
				line-height: .34rem;
				font-size: .12rem;
				padding: 0 .2rem;
				position: absolute;
				box-sizing: border-box;
				li{
					float: left;
					margin: 0 .2rem;
					cursor: pointer;
				}
				.active{
					color: #015092;
				}
			}
			.hotel-list{
				margin-top: .36rem;
				padding: .25rem 0;
				.hover{
					-webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
					-moz-box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
					box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
				}
				.hotel{
					border: 1px solid #eeeae9;
					height: 1.8rem;
					position: relative;
					margin-bottom: .1rem;
					cursor: pointer;
					.hotelBox{
						height:1.3rem;
						position: relative;
						padding: .3rem 1.9rem .2rem 2.24rem;
						.info{
							position: relative;
							height: inherit;
							padding-right: .1rem;
							border-right: 1px dashed #eeeae9;
						}
						.title{
							padding-bottom: .09rem;
							font-size: .2rem;
							color: #033763;
						}
						.address{
							font-size: .14rem;
						}
						.saying{
							margin-top: .2rem;
							font-size: .14rem;
							.saying-title{
								color: #015092;
							}
							.content{
								display: inline-block;
								line-height: .26rem;
								border-radius: 13px;
								background-color: #f8f9fa;
								padding: 0 .1rem;
								margin-left: .1rem;
								color: #033763;
							}
						}
						.provide{
							position: absolute;
							bottom:0;
							.wifi{
								float: left;
								margin-right: .05rem;
							}
						}
					}
					.pic{
						position: absolute;
						width: 1.8rem;
						height: 1.4rem;
						overflow: hidden;
						border-radius: 3px;
						top: .2rem;
						left: .2rem;
						img{
							width: inherit;
							height: inherit;
						}
					}
					.area{
						position: absolute;
						width: 1.52rem;
						top: .15rem;
						right: .3rem;
						font-size: .12rem;
						text-align: right;
						color: #7f1f59;
						.price{
							color: #f60;
							#price{
								font-size: .32rem;
							}
						}
						.score{
							padding: .05rem 0;
							color: grey;
							#score{
								color: #015092;
							}
						}
						.comment{
							padding: .05rem 0;
						}
						.count{
							padding: .05rem 0;
							color: grey;
							.spare{
								color: #015092;
								margin-left: .05rem;
							}
						}
						.detail{
							width:.72rem;
							height: .24rem;
							border: 1px solid #eaf7ff;
							color: #015092;
							background-color: #fff;
							border-radius: 3px;
							margin-top: .07rem;
							padding: 0;
						}
						.detail-hover{
							background-color: #015092;
							color: #fff;
						}
						
					}
				}
				.hotel-hover{
					box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
				}

			}
		}
		.rightBox{
			float: right;
			height:4rem;
			width: 3rem;
			margin-top: .47rem;
		}
	}
}